<template>
    <div class="header">
      <img src="~@/assets/光遇图标.jpg" width="100%" height="100%" alt="">
    </div>
     
      <main>
        <aa/>
        <cc/>
        <dd2/>
        <bb/>
        
       
       
     </main>
      
     
  <div class = "footer_top">
                  <span class = "z">
                      <a href = "">关于我们</a> | <a href = "">联系我们</a> | <a href = "">加入我们</a> | <a href = "">留言我们</a>
                  </span>
  
                  <span class = "y">
                      Copyright © 2021 光遇科技有限公司 版权所有
                  </span>
  
              </div>
              <!-- 返回顶部 -->
              <el-backtop :bottom="100">
    <div class="el-backtop--fixed">
      返回顶部
    </div>
  </el-backtop>
  </template>
  
  
  
<script setup>
  
import aa from '../components/aa.vue'
import bb from '../components/bb.vue'
import cc from '../components/cc.vue'
//没有报错也没有显示，要考虑名字是不是唯一
import dd2 from '../components/dd2.vue'
</script>
  
  
  <style>
  .header {
    background-color: #F1F1F1;
    text-align: center;
    padding: 20px;
    height: 250px;
  }
  /* 导航条 */
  .topnav {
    overflow: hidden;
    background-color: #6dd3f2;
  }
   
  /* 导航链接 */
  .topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
   
  /* 链接 - 修改颜色 */
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  .el-backtop--fixed{
    height: 100%;
        width: 100%;
        background-color: var(--el-bg-color-overlay);
        box-shadow: var(--el-box-shadow-lighter);
        text-align: center;
        line-height: 20px;
        font-size: 14px;
        font-family:"华文琥珀" ;
        color: #1989fa;
  }
  
  
  
  
  </style>